<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
    <link href="css/base.css" rel="stylesheet"/>
    <link href="css/login.css" rel="stylesheet"/>
</head>
<body>
<div class="both">
    <div class="header">
        <div class="container">
            <div class="nav">
                <p>
                    <a>登陆</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                    <a href="register.html" >注册</a>
                </p>
                <p>|&nbsp;符合人类进步的食品</p>
                <p>
                    <a href="index.html">首页</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                    <a href="productList.html">蛋糕名录</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                    <a href="user.html">用户中心</a>
                </p>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="container">
            <form action="login.html" method="post">
                <p>用户登陆</p>
                <input type="text" placeholder="输入用户名" name="username" class="showBox" required><br>
                <input type="password" placeholder="输入密码" name="password" class="showBox" required><br>
                <span style="color: red;">${error}</span><br>
                <input type="submit" value="登陆" class="subForm">

            </form>
        </div>
    </div>
    <div class="footer">
        <hr>
        <div class="container">
            <div>
                <p>©2005-2014&nbsp;21Cake官网版权所有，并保留所有权利</p>
                <ul>
                    <li><a href="#">联系我们</a> &nbsp;</li>
                    <li><a href="#">售后流程</a> &nbsp;</li>
                    <li><a href="#">订购方式</a> &nbsp;</li>
                </ul>
            </div>
        </div>
    </div>
</div>
</body>
</html>